<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <?php $this->load->view('head'); ?>        
        <script src="<?php echo base_url() . "js/ddaccordion-min.js" ?>" type="text/javascript">
            /***********************************************
             * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
             * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
             * This notice must stay intact for legal use
             ***********************************************/
        </script>
        <script type="text/javascript">
            var GlobalEstilo = "contrasteNormal";
            ddaccordion.init({
                headerclass: "expandable", //Shared CSS class name of headers group that are expandable
                contentclass: "categoryitems", //Shared CSS class name of contents group
                revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
                mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
                collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
                defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content
                onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
                animatedefault: false, //Should contents open by default be animated into view?
                persiststate: true, //persist state of opened contents within browser session?
                toggleclass: ["", "openheader"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
                togglehtml: ["prefix", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
                animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
                oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
                    //do nothing
                },
                onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
                    //do nothing
                }
            });
            function fnCambiaStilo(style){
                GlobalEstilo = style;
                if ($('#ifrContenido').length) {
                    window.frames.ifrContenido.fnCambiaStiloLocal(GlobalEstilo);
                }
                setActiveStyleSheet(GlobalEstilo);
                switch (style) {
                    case "contrasteNormal":
                        $("#imgLogoPacto").attr("src", "<?php echo base_url(); ?>/images/logo_pacto.jpg");
                        break;
                    case "altocontraste":
                        $("#imgLogoPacto").attr("src", "<?php echo base_url(); ?>/images/logonegro.gif");
                        break;
                    }
                    return true;
                }//fin function fnCambiaStilo(style){
                function fnCambiaTamaño(tamano){
                    document.body.style.fontSize=tamano;
                    if(document.getElementById("ifrContenido").contentWindow)
                        document.getElementById("ifrContenido").contentWindow.fnCambiaFrameTm(tamano);
                    else
                        document.getElementById("ifrContenido").document.fnCambiaFrameTm(tamano);
                    return ;
                } //fin function fnCambiaTamaño(tamano){
        </script>
        <style type="text/css">
            #footer a{
                float: left;
                margin-right: 10px;
            }
            .imgPatro{
                width: 130px;
                height: 60px;
            }
        </style>
        <title>SISTEMA DE ARTICULACIÓN</title>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <div class="mainmenu">
                    <h3>
                        <ul>
                            <!--                            <li id="acc">Accesibilidad</li>--> 
                            <li><a onclick="fnCambiaTamaño('14px');">Texto normal</a></li>
                            <li><a onclick="fnCambiaTamaño('28px');;">Texto Grande</a></li>
                            <li><a onclick="fnCambiaStilo('contrasteNormal'); return false;">Contraste normal</a></li>
                            <li><a onclick="fnCambiaStilo('altocontraste'); return false;">Alto contraste</a></li>
                            <li style="float: right"><a href="<?php echo base_url() . "archivos/Manual_Usuario.pdf" ?>" target="_new" >Manual de usuario</a></li>
                        </ul>
                    </h3>
                </div>
                <div id="logo" >                    
                    <a href="http://www.pactodeproductividad.com/" target="_newtab" style="color: white;float: right">
                        <img id="imgLogoPacto" src="<?php echo base_url(); ?>/images/logo_pacto.jpg" alt="Logo de Pacto" style="float: right" />
                    </a>
                </div>
                <!-- Parte para el rol-->
                <div id="rol">
                    <?php
                    if (isset($usuario)) {
                        $usuario = explode("|", $usuario);
                        //$usuario[0]   -> Id del Rol
                        //$usuario[1]   -> Id de la tabla del usuario
                        //$usuario[2]   -> Nombre
                        ?>
                        <span id="roltxt"><?php echo $usuario[0]; ?></span>
                        &bull;<span id="name"><?php echo $usuario[2]; ?></span>
                    <?php } elseif (isset($accion)) { ?> 
                        <span id="roltxt"><?php echo $accion; ?></span>
                    <?php } ?><div style="clear: both;position: absolute;font-size:26px;font-family: ,cursive;text-align:center"><br/>BIENVENIDO AL SISTEMA DE ARTICULACIÓN</div>
                    <div id="ruta">
                        <div id="inicio"><span id="bot1"><a href="<?php echo site_url("inicio/logueo"); ?>"></a></span></div>
                        <div id="salir">
                            <span id="bot1"><a href="<?php echo site_url("inicio/"); ?>" title="Salir de la aplicación"></a></span>
                        </div>
                    </div>
                </div>

            </div>

            <div id="sidebar1">
                <?php if (!isset($opc2) && !isset($programas)) { ?>
                    <div class="arrowlistmenu">
                        <h3 class="menuheader expandable">REGISTRESE</h3>
                        <ul class='categoryitems'>
                            <li><a href="<?php echo site_url("registro/registra/2"); ?>" title="Si usted representa una Empresa registrese aquí" target="ifrContenido">Empresa</a></li>
                            <li><a href="<?php echo site_url("registro/registra/3"); ?>" title="Si usted representa una Institución registrese aquí" target="ifrContenido">Institución</a></li>
                            <li><a href="<?php echo site_url("registro/registra/4"); ?>" title="Registro para personas con discapacidad" target="ifrContenido">Persona con discapacidad</a></li>
                        </ul>
                    </div> <!--fin <div class="arrowlistmenu">-->
                <?php } ?>
                <?php if (isset($programas)) { ?>
                    <div class="arrowlistmenu">
                        <h3 class="menuheader expandable">USUARIO</h3>
                        <ul class='categoryitems'>
                            <li><a href="<?php echo site_url("inicio/edita/"); ?>" title="Editar la información del usuario" target="ifrContenido">Editar Usuario</a></li>
                            <li><a href="<?php echo site_url("inicio/edita/E"); ?>" title="Cambiar Contraseña" target="ifrContenido">Cambiar Contraseña</a></li>
                        </ul>
                        <?php
                        $categoria = "";
                        foreach ($programas->result() as $programa) {
                            if ($categoria != $programa->categoriaNombre) {//si es diferente entonces escribe un nuevo grupo
                                $categoria = $programa->categoriaNombre;
                                if ($categoria != "")
                                    echo "</ul>";
                                echo "<h3 class='menuheader expandable' title=\"{$programa->categoriaDesc}\">{$programa->categoriaNombre}</h3>";
                                echo "<ul class='categoryitems'>";
                            }
                            echo "<li title='{$programa->programaDesc}'><a href='" . site_url($programa->programaControlador) . "/{$programa->programaId}" . "' title=\"{$programa->programaDesc}\" target='ifrContenido'>{$programa->programaNombre}</a></li>";
                        }
                        echo "</ul>";
                        ?>
                    </div> <!--fin <div class="arrowlistmenu">-->
                <?php } ?>
            </div> <!-- end #sidebar1 -->
            <div id="banner">
            </div>
            <div id="mainContent" class="curved">
                <?php
                if (isset($opc2)) {
                    switch ($opc2) {
                        case "recuerdaContra":
                            $this->load->view('recordarAcceso_view', array("opc" => $opc));
                            break;
                        case "recuerdaUser":
                            $this->load->view('recordarAcceso_view', array("opc" => $opc, 'rol' => $rol));
                            break;
                        default:
                            break;
                    }
                } else {
                    ?>
                    <iframe frameborder="0" src="<?php echo site_url("inicio/bienvenida"); ?>" id="ifrContenido" name="ifrContenido" style="width: 100%;height: 100%;color: red" ></iframe>
                <?php } ?>
            </div><!-- end #mainContent -->
            <!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" />
            <div id="footer">
                <a href="http://www.iadb.org/es/" title="Banco Interamericano de desarrollo" target="_new" ><img src="<?php echo base_url(); ?>/images/bido.gif"  alt="Banco Interamericano de desarrollo" /></a>
                <a href="http://www5.iadb.org/mif/" title="Fondo Multilateral de Inversiones Miembro del Grupo BID" target="_new" ><img src="<?php echo base_url(); ?>/images/accionSocial.gif"  alt="Fondo Multilateral de Inversiones Miembro del Grupo BID" /></a>
                <a href="http://www.fundacioncorona.org.co/" title="Fundación Corona" target="_new" ><img src="<?php echo base_url(); ?>/images/corona.jpg"  alt="Fundación Corona" /></a>
                <a href="http://www.saldarriagaconcha.org" title="Fundación Saldarriaga Concha" target="_new" ><img src="<?php echo base_url(); ?>/images/saldarriaga.jpg"  alt="Fundación Saldarriaga Concha" /></a>
                <a href="http://www.accionsocial.gov.co" title="Agencia presidencial de Cooperación Internacional de Colombia" target="_new" ><img src="<?php echo base_url(); ?>/images/apc.png"  alt="Agencia presidencial de Cooperación Internacional de Colombia" /></a>
                <a href="http://www.sena.edu.co/" title="SENA" target="_new" ><img src="<?php echo base_url(); ?>/images/sena.jpg"  alt="SENA" /></a>
                <br/><br/><br/><br/>
                <a href="http://www.cafam.com" title="CAFAM" target="_new" ><img src="<?php echo base_url(); ?>/images/cafam.jpg"   alt="CAFAM" /></a>
                <a href="http://www.comfenalco.com/" title="Comfenalco" target="_new" ><img src="<?php echo base_url(); ?>/images/comfenalco.gif"  alt="Comfenalco" /></a>
                <a href="http://www.comfandi.com.co/" title="Comfandi" target="_new" ><img src="<?php echo base_url(); ?>/images/comfandi.bmp"  alt="Comfandi" /></a>
                <a href="http://www.comfamiliar.com.co/" title="Comfamiliar" target="_new" ><img src="<?php echo base_url(); ?>/images/comfamiliar.gif"  alt="Comfamiliar" /></a>
                <br/><br/><br/>
                <span style="float: left;font-size: 9px;">Desarrollado por: </span><a style="float: left;font-size: 9px;" href="http://www.eccos.org.co/" target="_new">ECCOS</a>
            </div><!-- end #footer -->
        </div><!-- end #container -->
    </body>
</html>
